// 引入vue
import Vue from 'vue'

// 引入路由插件
import VueRouter from 'vue-router'

// 把路由插件注册到vue中
Vue.use(VueRouter)

// routes定义路由规则的地方
/**
 * 一个路由规则是一个对象  这个对象中有
 * path  路由地址 children    /index
 * component  path地址匹配的组件
 *  redirect:'/'   重定向到首页
 *  */
const routes = [

    { //产品列表
        path: '/',
        component: () =>
            import ('@/views/index.vue')
    },
    {

        path: '/home',
        component: () =>
            import ('@/views/home.vue'),
        children: [{
            path: '/users',

            component: () =>
                import ('@/views/users.vue')
        }, ]


    },
    {
        path: '*', //*匹配的是所有的路由地址   /abc
        redirect: '/'
    }
]



// new VueRouter创建路由对象
const router = new VueRouter({
    mode: 'history',
    routes
})


// 导出路由对象
export default router;